<!DOCTYPE html>

<html>
<head>
<title>Le Dudu</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script type="text/javascript"
	src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript"
	src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>

</head>
<body>
	<!-- page -->
	<div data-role="page" data-add-back-btn="true" data-back-btn-text="Itens">
		<div data-role="header" data-rel="back">
			<h1>Categorias</h1>
		</div>
		<!-- /header -->
		<!-- content -->
		<div data-role="content">
		
				<g:if test="${menuAtivo != null}">
				
				<g:each in="${itemList}" var="item">
						<h3>${itemList.nome}</h3>
						<b>Preço:</b> R$ ${itemList.preco}</p>
						<b>Descrição:</b> ${itemList.descricao}</p>
						<b>Imagem:</b></p>
						<div class="image"> <img width="190" height="170" src="../${itemList.foto}"></div>
					</g:each>
					
		
	</g:if>
	
	</div>
	<!-- /content -->
	</div>
	<!-- /page -->

	<!-- Start of second page -->
</body>
</html>